<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>骑行，发现生活更美好</title>
    <link rel="stylesheet" href="../css/swiper.css">
    <link rel="stylesheet" href="../css/style.css">
    <script type="text/javascript">
        function computeSize() {
            var rate = ((document.documentElement.clientWidth || document.body.clientWidth) * 100) / 750;
            document.querySelector('html').style.fontSize = rate + 'px'
        }
        computeSize();
        window.addEventListener("resize", computeSize);
    </script>
    <style>
        .swiper-pagination-bullet-active{ background: #FF8000;}
    </style>
    <script src="../js/jquery.min.js"></script>
</head>
<body>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><div class="wel wel-bg1"></div></div>
        <div class="swiper-slide"><div class="wel wel-bg2"></div></div>
        <div class="swiper-slide"><div class="wel wel-bg3"></div></div>
        <div class="swiper-slide">
            <div id="wrapper" class="wel-wrap">
                <div id="home-topper">
                    <img src="../images/logo.png" />
                </div>
                <div id="home-center" class="wel-center"></div>
                <div id="btm-nav">
                    <a href="#">全国评选</a>
                    <a href="#" class="cur">我要参与</a>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-pagination"></div>
</div>
</body>
<script src="../js/swiper.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: false,//可选选项，自动滑动
        pagination : '.swiper-pagination',
        paginationClickable: true,
        allowSwipeToPrev:false,
        onReachEnd: function(swiper) {
            $('.swiper-pagination').hide();

        },

    })
</script>
</html>